<template>
          <div>
              <header>
                     <i class="iconfont icon-weibiaoti-- fh" @click="back" ></i>
                     <span class="title">我的借款订单</span>
               </header>
               <h1 style="width:100%;height:3.76rem;"></h1>
               <ul>
                   <router-link tag="li" :to="{name:'all'}" active-class="active">
                           全部
                   </router-link>
                   <router-link tag="li" :to="{name:'confirmed'}">
                           待确认
                   </router-link>
                   <router-link tag="li" :to="{name:'inpayment'}">
                           还款中
                   </router-link>
               </ul>
               <router-view></router-view>
          </div>
</template>

<script>
export default {
         

         methods:{
                back(){
                    this.$router.push({name:"my"})
                }
         }    
}
</script>

<style lang="less" scoped>
         /**{ touch-action: none; }*/
        header{
               position:fixed;
               top:0;
               width:100%;
               height:1.88rem;
               display:flex;
               position:fixed;
               top:0;
               z-index:100;
               background: #fff;
         }
         .fh{
             width:2.1rem;
             line-height:1.88rem;
             text-align:center;
             z-index:100; 
             color:#333333;
             font-size:0.76rem;  
         }
         .title{
               font-size:0.76rem;
               line-height:1.88rem;
               text-align:center;
               color:#333333;
               letter-spacing:0.02rem;
               position: absolute;
               left:0;
               right:0;
               margin:0 auto;
         }
         ul{ 
             position: fixed;
             top:1.88rem;
             z-index:100;
             width:100%;
             height:1.8rem;
             border-top:0.04rem solid #f3f3f3;
             display:flex;
             background:#fff;
                  .active{
                      border-bottom:0.08rem solid #1b88fd;
                      color:#1b88fd;
                  }
                  li{
                      width:33.3%;
                      text-align:center;
                      line-height:1.7rem;
                      color:#333333;
                      font-size:0.54rem;
                  }
         }
</style>
